<!DOCTYPE HTML>
<html>
<head>
<title>First Droid</title>

<link rel="stylesheet"
	href="plugins/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.css" />
<link rel="stylesheet" href="css/estilo.css" />

<script type="text/javascript" charset="utf-8" src="js/cordova-2.1.0.js"></script>
<script type="text/javascript" charset="utf-8"
	src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" charset="utf-8"
	src="plugins/jquery.mobile-1.1.1/jquery.mobile-1.1.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/default.js"></script>
<script type="text/javascript" charset="utf-8" src="js/media.js"></script>

</head>
<body>
	<div data-role="page">

		<div data-role="header">
			<h1>First Droid app</h1>
		</div>
		<!-- /header -->


		<div id="mediabox">
			<a href="" data-role="button" data-inline="true" data-theme="b"
				onclick="playMedia()">Play Media</a> <a href="" data-role="button"
				data-inline="true" data-theme="b" onclick="stopMedia()">Stop
				Media</a> <span id="audio_position"></span>
		</div>

		<div id="menubotoes" data-role="header">
			<div>
				<a href="#" onclick="loadNews()" class="botao">News</a>
				<a href="" onclick="loadMelhoresMomentos()" class="botao">MMom</a>
				<a href="" onclick="" class="botao">Colu</a>
				<a href="" onclick="" class="botao">Prog</a>
			</div>
		</div>

		<div id="conteudo" data-role="content">

		</div>


	</div>
	<!-- /page -->
</body>
</html>